<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + TS</title>
    <style>
      @import url("@zag-js/shared/src/style.css");
    </style>
  </head>
  <body>
    <div class="index-nav">
      <h2>Zag.js + Vanilla TypeScript</h2>
      <ul>
        <li><a href="pages/accordion.html">Accordion</a></li>
        <li><a href="pages/angle-slider.html">Angle Slider</a></li>
        <li><a href="pages/avatar.html">Avatar</a></li>
        <li><a href="pages/carousel.html">Carousel</a></li>
        <li><a href="pages/checkbox.html">Checkbox</a></li>
        <li><a href="pages/clipboard.html">Clipboard</a></li>
        <li><a href="pages/collapsible.html">Collapsible</a></li>
        <li><a href="pages/combobox.html">Combobox</a></li>
        <li><a href="pages/dialog.html">Dialog</a></li>
        <li><a href="pages/editable.html">Editable</a></li>
        <li><a href="pages/file-upload.html">File Upload</a></li>
        <li><a href="pages/floating-panel.html">Floating Panel</a></li>
        <li><a href="pages/image-cropper.html">Image Cropper</a></li>
        <li><a href="pages/marquee.html">Marquee</a></li>
        <li><a href="pages/menu.html">Menu</a></li>
        <li><a href="pages/number-input.html">Number Input</a></li>
        <li><a href="pages/pagination.html">Pagination</a></li>
        <li><a href="pages/password-input.html">Password Input</a></li>
        <li><a href="pages/pin-input.html">Pin Input</a></li>
        <li><a href="pages/popover.html">Popover</a></li>
        <li><a href="pages/progress.html">Progress</a></li>
        <li><a href="pages/qr-code.html">QR Code</a></li>
        <li><a href="pages/radio-group.html">Radio Group</a></li>
        <li><a href="pages/select.html">Select</a></li>
        <li><a href="pages/signature-pad.html">Signature Pad</a></li>
        <li><a href="pages/slider.html">Slider</a></li>
        <li><a href="pages/steps.html">Steps</a></li>
        <li><a href="pages/switch.html">Switch</a></li>
        <li><a href="pages/tabs.html">Tabs</a></li>
        <li><a href="pages/tags-input.html">Tags Input</a></li>
        <li><a href="pages/timer.html">Timer</a></li>
        <li><a href="pages/toggle-group.html">Toggle Group</a></li>
        <li><a href="pages/tooltip.html">Tooltip</a></li>
      </ul>
    </div>
  </body>
</html>
